<div fxFlexFill class="tag-selector">
  <header class="tag-selector-header">
    <div class="form-right" *ngIf="choiceTagCount===0 && tags.length">
      <i (click)="onAllTagChecked(true)">全选</i>
      <i (click)="onAllTagChecked(false)">全不选</i>
    </div>
    <b>选择测点</b>
  </header>
  <section>
    <div class="tag-selector-content" *ngFor="let tagGroup of tagGroups;let i=index">
      <header class="selector-turbcomponent-title" *ngIf="tagGroup.title!='' || tagGroups.length>1">
        <div class="form-right" *ngIf="tagGroups.length>1">
          <i (click)="onGroupItemChecked(true,tagGroup)">全选</i>
          <i (click)="onGroupItemChecked(false,tagGroup)">全不选</i>
        </div>
        {{tagGroup.title||"其他系统"}}
      </header>
      <section class="selector-turbcomponent-main">
        <div class="tag-content">
          <span *ngFor="let tag of tagGroup.tags" [ngClass]="{'active':tag.isChecked}" [title]="tag.tagName">
            <label>
                <input type="checkbox" (click)="onTagChecked($event,tag)" [checked]="tag.isChecked"> {{tag.tagName}}
            </label>           
          </span>
        </div>
      </section>
    </div>
  </section>
  <small class="tooltip" [ngClass]="{active:choiceTagOver}">最多只能选择{{choiceTagCount}}个测点</small>
</div>